import React from 'react';
import styles from './Progress.module.less';
import { type ProgressProps, Progress } from '@mantine/core';
import classNames from 'classnames';
import { mergeClassNames } from '../tools';

// interface ExtendedProgressProps extends ProgressProps {
// }
export const NProgress = React.memo(({ className, ...restProps }: ProgressProps) => {
  {
    return (
      <div className={classNames('relative')}>
        <Progress
          className={classNames(className)}
          classNames={mergeClassNames(styles, restProps.classNames)}
          {...restProps}
        />
        {/* <div>进度数</div> */}
      </div>
    );
  }
});
